<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>首页</title>
  <link rel="stylesheet" href="./layui/css/layui.css">
</head>
<style type="text/css">
  * {
    margin: 0;
    padding: 0;
  }

  .clear::after {
    content: "";
    display: block;
    clear: both;
  }

  .left {
    float: left;

  }

  #banner {
    position: fixed;
    z-index: 2;
    height: 60px;
    position: fixed;
    z-index: 2;
  }

  #left-menu {
    margin-top: 58px;
    position: fixed;
    width: 12%;
    z-index: 2;
  }

  #left-menu ul {
    height: 100%;
    width: 12%;
  }

  #right-content {
    position: absolute;
    top: 60px;
    left: 12%;
    width: 87%;
    z-index: 1;
  }

  .layui-nav-item {
    float: right;
  }

  #containers {
    overflow: hidden;
  }

  #logo {
    float: left;
    font-size: 32px;
    line-height: 60px;
  }
</style>

<body>
  <div id="containers">
    <!-- 导航条 -->
    <div id="banner">
      <ul class="layui-nav clear">
        <div id="logo">商城后台管理系统</div>
        <li class="layui-nav-item">
          <a href="">控制台<span class="layui-badge">9</span></a>
        </li>
        <li class="layui-nav-item">
          <a href="">个人中心<span class="layui-badge-dot"></span></a>
        </li>
        <li class="layui-nav-item">
          <a href=""><img src="//t.cn/RCzsdCq" class="layui-nav-img">我</a>
          <dl class="layui-nav-child">
            <dd><a href="javascript:;" id="xiugaipwd">修改密码</a></dd>
            <dd><a href="javascript:;">安全管理</a></dd>
            <dd><a id="tuic" onclick="tuic();">退出</a></dd>
          </dl>
        </li>
      </ul>
    </div>
    <!-- 侧边导航栏 -->
    <div id="left-menu">
      <ul class="layui-nav layui-nav-tree left-menu" lay-filter="test">
        <!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->
      </ul>
    </div>
    <div id="right-content" class="clear">

    </div>
  </div>

  <script src="./js/jQuery.3.6.0-uncompress.js"></script>
  <script src="./layui/layui.js"></script>
  <script src="./js/database.js"></script>
  <!-- <script src="../js/fenyegoods.js"></script> -->
  <script src="./js/goods.js"></script>
  <!-- <script src="./js/login.js"></script> -->
  <script src="./js/menuindex.js"></script>
  <script type="text/javascript">

  </script>
</body>